<template>
  <NstdButton-group>
    <NstdButton type="primary" :icon="ArrowLeft">Previous Page</NstdButton>
    <NstdButton type="primary">
      Next Page<el-icon class="el-icon--right"><ArrowRight /></el-icon>
    </NstdButton>
  </NstdButton-group>

  <NstdButton-group class="ml-4">
    <NstdButton type="primary" :icon="Edit" />
    <NstdButton type="primary" :icon="Share" />
    <NstdButton type="primary" :icon="Delete" />
  </NstdButton-group>
</template>

<script setup lang="ts">
import {
  ArrowLeft,
  ArrowRight,
  Delete,
  Edit,
  Share,
} from '@element-plus/icons-vue'
</script>
